<template>
	<u-sticky offset-top="0" h5-nav-height="0">
		<view class="hone">
			<view class="hleft" @click="leftClick">
				<text class="hltit">{{$t('i.kuangshou')}}</text>
				<image class="xia" src="/static/new/xia.png" />
			</view>
			<view class="hright">
				<image class="ricon" src="/static/new/shezhi.png" />
				<image class="ricon" src="/static/new/yuyan.png" />
				<image class="ricon" src="/static/new/yuyantwo.png" @click="gettantwo" />
				<view class="rcont" @click="connectWallet">{{cont}}</view>
			</view>
		</view>
	</u-sticky>
</template>

<script>
export default {
	props: {
		shaishow: {
			type: Boolean,
			default: false
		},
		cont:{
			type: String,
			default: ''
		}
	
	},
	name: "Nheader",
	data() {
		return {
			ispayPop: true,
			animat: this.isanimate(),
		};
	},
	methods: {
		leftClick() {
			this.$emit("leftClick");
		},
		connectWallet(){
			
			this.$emit("connectWallet");
		},
		gettantwo(){
			this.$emit("gettantwo");
		}
	}
}
</script>

<style scoped lang="scss">
.hone {
	height: 88rpx;
	background: #121212;
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 30rpx;
	position: relative;
	z-index: 10;

	.hleft {
		padding: 10rpx 25rpx;
		border-radius: 30rpx;
		opacity: 1;
		display: flex;
		flex-direction: row;
		align-items: center;
		border: 2rpx solid #F6AB10;

		.hltit {
			font-size: 24rpx;
			font-family: Segoe UI, Segoe UI;
			font-weight: 400;
			color: #FFFFFF;
		}

		.xia {
			width: 21rpx;
			height: 12rpx;
			margin-left: 15rpx;
		}
	}

	.hright {
		margin-left: auto;
		display: flex;
		flex-direction: row;
		align-items: center;

		.ricon {
			width: 40rpx;
			height: 40rpx;
			margin-right: 25rpx;
		}

		.rcont {
			// height: 52rpx;
			background: linear-gradient(2deg, #FFCC45, #F3A100);
			border-radius: 30rpx;
			border: 2px solid #FFE4A1;
			// background: linear-gradient(122deg, #1033F6 0%, #940AFF 100%);
			// border-radius: 30rpx;
			opacity: 1;
			padding: 8rpx 25rpx;
			font-size: 28rpx;
			font-family: Segoe UI, Segoe UI;
			font-weight: 600;
			color: #FFFFFF;
		}
	}
	}
</style>
